.edu-detail-title {
  height: 47px;
  line-height: 32px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eeeeee;
  * {
    vertical-align:middle
  }
  .student-logo {
    height: 32px;
    width: 32px;
    border-radius: 50%;
    margin-right: 10px;
  }
}

.edu-info-list {
  margin-top: 8px;
  .item-group {
    float: left;
    font-size: 12px;
    label, .span {
        display: inline-block;
        vertical-align: top;
        line-height: 32px;
    }
    .label {
        width: 67px;
    }
  }
  .img-box {
    display: inline-block;
    height: 80px;
    width: 80px;
    border: 1px solid #d2d4d6;
  }
}

.edu-auto-row {
  @include clearfix();
  .edu-auto-col {
    float: left;
    width: 50%;
    padding: 0 10px;
    margin-bottom: 16px;
    &.full-col{
      width: 100%;
    }
    &.four-col {
      width: 25%;
      height: 34px;
    }
    &.col {
      width: 33.333333333%;
      height: 34px;
    }
    @media screen and (min-width: 1500px) {
      &.col {
        width: 25%;
        height: 34px;
      }
    }
    .edu-auto-label {
      float: left;
      color: #666666;
      width: 100px;
      text-align: left;
      line-height: 34px;
      overflow: hidden;
      text-overflow:ellipsis;
      white-space: nowrap;
      &.text-label {
        white-space: normal;
        line-height: 24px;
      }
      &.require {
        &::before {
          content: "*";
          color: #f56c6c;
          margin-right: 4px;
        }
      }
    }
    .edu-auto-content {
      margin-left: 100px;
      padding-left: 10px;
      line-height: 34px;
      color: #303133;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      &.text-content {
        line-height: 24px;
      }
      .img-box {
        display: inline-block;
        height: 80px;
        width: 80px;
        border: 1px solid #d2d4d6;
        > img {
          width: 100%;
        }
      }
      input {
        height: 32px;
        line-height: 32px;
        border-radius: 2px;
      }
      textarea {
        border-radius: 2px;
      }
    }
  }
}
